<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>STW OnLine</title>
	<link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}demo.css" />
	<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>-->
	<script type="text/javascript" src="{{ MEDIA_URL }}stw.js"></script>
	<script type="text/javascript" src="{{ MEDIA_URL }}script.js"></script>
	<link rel="stylesheet" href="{{ MEDIA_URL }}css/form.css" type="text/css" media="all" />
    <!-- Script barra -->
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/BarraNews.js"></script>
    <script src="{{ MEDIA_URL }}js/Sytx.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/BarraNews.css" type="text/css" media="screen" />

    <script type="text/javascript">
    $(function(){
        $("ul#ticker01").liScroll();
        $("ul#ticker02").liScroll({travelocity: 0.15});
    //Syntax
    $.syntax({root: 'js/'});

    });
</script>
<!-- Fim Script barra -->
</head>
<body>
	<div id="principal">
		<!-- Inicio Topo -->
		<div id="top">
			<div id="logo"> <a href="{% url fiduciam.views.homepage %}"><img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/></a>
			</div>
			<div id="imenu">
				<div id="items">
					<!-- Inicio menu -->
					<div id="menuLinks">
						<p class="menu"> <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a></p>
					</div>
					<div id="effects">
					</div>
					<!-- Fim Menu -->
				</div>

			</div>
			<div id="fimTop">
				<img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
			</div>
		</div><!-- Topo -->
		<!-- Fim topo  -->	<div id="container">
		<div id="conteudo">
			<div id="esqInternas">
				<h1 class="NoticiasContato"> Contato </h1>
				<div id="contatoContainer">

					<form class="form" action="/contato" method="post">

						<p class="name">
							{{ form.non_field_errors }}
							
							<label for="name">{{ form.nome }} Nome</label>{{ form.nome.errors }}
						</p>
						<p class="Telefone">
							
							<label for="telefone">{{ form.telefone }} Telefone</label>
						</p>
						<p class="email">
							
							<label for="email">{{ form.email }} E-mail</label>
						</p>
                        <p class="assunto">

							<label for="assunto">{{ form.assunto }} Assunto</label>{{ form.assunto.errors }}
						</p>
						<p class="text">
							<label>
								{{ form.mensagem }}{{ form.mensagem.errors }}
							</label>
						</p>

						<p class="submit">

							<input type="submit" value="Enviar" />
						</p>

					</form>
				</div>


			</div>
			<div id="sidebar2">

			</div>
		</div>

	</div>
	{% include "footer.html" %}
